html { overflow-x: hidden; }

body { padding-bottom: 3.6rem; overflow-x: hidden; }

footer { display: -webkit-box; position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #E9E9E9; background: #ffffff; }
footer a { display: block; -webkit-box-flex: 1; padding: 0.2rem 0; color: #9C9C9C; font-size: 1.2rem; }
footer a > * { display: block; text-align: center; }
footer a.active { color: #F56C07; }
footer a i { font-size: 1.6rem; }

header { height: 4rem; line-height: 4rem; font-size: 1.6rem; display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: justify; padding: 0 1rem; border: 1px solid #EEEEEE; }

#download_app { display: block; width: 100%; position: relative; }
#download_app img { width: 100%; }
#download_app .delete { display: block; width: 15.27vw; height: 15.27vw; line-height: 15.27vw; position: absolute; top: 0; right: 0; color: #fff; font-size: 2rem; text-align: center; }

#search { display: block; font-size: 1.4rem; background: #ffffff; padding-bottom: 6px; }
#search .search_top { height: 12vw; line-height: 12vw; padding: 0 6vw; }
#search .search_top i { color: #CACACA; }
#search .search_top span { color: #9C9C9C; padding-left: 2vw; }
#search .search_bottom { width: 95%; height: 5px; border: 1px solid #EFEFEF; border-top: none; margin: -6px auto 0; }

#switcher { overflow-x: hidden; position: relative; width: 100%; }
#switcher ul { width: 700vw; position: relative; left: -100vw; }
#switcher ul li { float: left; width: 100vw; }
#switcher ul li a { display: block; height: 100%; }
#switcher ul li a img { width: 100%; }
#switcher .sw_btn { width: 100%; text-align: center; position: absolute; bottom: 0.6rem; }
#switcher .sw_btn span { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #fff; border: 1px solid #ddd; box-shadow: 0 0 1.5rem #ddd; margin: 0 0.1rem; }
#switcher .sw_btn span.active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }

#hot_goods { margin-right: -2%; padding: 0.4rem 0; }
#hot_goods a { display: block; float: left; width: 31.333%; margin-right: 2%; }
#hot_goods a img { width: 100%; }

#goods_list li + li { border-top: 1px solid #F8F8F8; }
#goods_list li a { display: -webkit-box; -webkit-box-align: center; background: #fff; }
#goods_list .img { width: 34%; position: relative; vertical-align: center; }
#goods_list .img .main_img { width: 100%; }
#goods_list .img .sub_img { display: none; }
#goods_list .img .sub_img.active { display: block; width: 50%; position: absolute; left: 0; bottom: 0; }
#goods_list .explain { width: 66%; font-size: 1.2rem; padding: 1.2rem 0; }
#goods_list .explain h5 { font-size: 1.4rem; color: #000; }
#goods_list .explain p { color: #9C9C9C; padding-right: 0.6rem; margin: 0.35rem 0; }
#goods_list .explain em { color: #FE5B19; }

#search_wrap { height: 4rem; line-height: 4rem; display: -webkit-box; -webkit-box-pack: justify; -webkit-box-align: center; border-bottom: 1px solid #E4E4E4; margin-bottom: 0.6rem; padding: 0 1rem 0 0.6rem; }
#search_wrap > * { display: block; }
#search_wrap a, #search_wrap span { width: 10%; text-align: center; font-size: 1.8rem; }
#search_wrap input { width: 75%; height: 2.4rem; border: 1px solid #EBEBEB; box-shadow: 0 0 5px #ddd; font-size: 1.2rem; }

.search_label { padding: 0 0.5rem; }
.search_label span { display: inline-block; background: #E4E4E4; font-size: 1.2rem; padding: 0.3rem 0.5rem; margin: 0.5rem 0.5rem; }
.search_label span.active { border: 1px solid #FB9B82; background: #F6F1EF; }

#ser_top { height: 6.6rem; background: #FF6B00; color: #fff; padding-top: 1rem; position: relative; }
#ser_top span, #ser_top em { display: block; text-align: center; }
#ser_top span { font-size: 1.4rem; }
#ser_top em { width: 6rem; height: 6rem; line-height: 6rem; border-radius: 50%; background: #FFD24D; font-size: 4rem; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -3rem; }

#ser_bot { color: #989898; font-size: 1.4rem; }
#ser_bot > div + div { margin-top: 1rem; background: #ffffff; }
#ser_bot > div + div i { margin-right: 1rem; }
#ser_bot .goods_detail { height: 10rem; display: -webkit-box; -webkit-box-pack: justify; -webkit-box-align: end; background: #ffffff; padding-bottom: 1.2rem; }
#ser_bot .goods_detail .goods_detail_list { width: 33.33%; }
#ser_bot .goods_detail .goods_detail_list + .goods_detail_list { border-left: 1px solid #F1F1F1; }
#ser_bot .goods_detail .goods_detail_list i, #ser_bot .goods_detail .goods_detail_list span { display: block; text-align: center; }
#ser_bot .goods_detail .goods_detail_list i { font-size: 2.4rem; }
#ser_bot .goods_detail .goods_detail_list span { font-size: 1.4rem; }
#ser_bot .goods_detail .goods_detail_list::after { display: block; content: ""; width: 24%; height: 0; border-top: 2px solid; margin: 0 auto; margin-top: 0.6rem; }
#ser_bot .goods_detail .goods_detail_list:nth-child(1)::after { border-color: #F2A7C2; }
#ser_bot .goods_detail .goods_detail_list:nth-child(2)::after { border-color: #CAE3AC; }
#ser_bot .goods_detail .goods_detail_list:nth-child(3)::after { border-color: #FFD88A; }
#ser_bot .discount > p, #ser_bot .my_ser, #ser_bot .setting { padding: 1.5rem 1rem; }

#shop_con { background: #ffffff; padding: 5rem; }
#shop_con .shop_none { width: 10rem; height: 10rem; line-height: 10rem; border-radius: 50%; text-align: center; border: 1px solid #F1F1F1; font-size: 8rem; color: #F1F1F1; margin: 0 auto; }
#shop_con .shop_rec { width: 100%; height: 5rem; line-height: 5rem; margin: 5rem 0 16.5rem; }
#shop_con .shop_rec a { display: inline-block; font-size: 1.6rem; width: 50%; height: 100%; text-align: center; }
#shop_con .shop_rec a:nth-child(1) { background: #F4F4F4; }
#shop_con .shop_rec a:nth-child(2) { background: #FF5722; color: #ffffff; }

#sort_con { padding: 0 1rem; background: #F5F5F5; }
#sort_con .sort_wrap { background: #ffffff; margin-top: 1rem; }
#sort_con .sort_wrap h3 { height: 6rem; line-height: 6rem; text-align: center; font-size: 1.6rem; }
#sort_con .sort_wrap ul { overflow: hidden; padding-bottom: 1.5rem; }
#sort_con .sort_wrap ul li { float: left; width: 25%; margin-bottom: 1rem; }
#sort_con .sort_wrap ul li img { width: 80%; margin: 0 auto; display: block; }
#sort_con .sort_wrap ul li h4 { text-align: center; font-size: 1.2rem; }
